/**
 * @fileoverview 功能色。separator、outline、disabled划分为功能色
 */
const systemColors = require("./system-colors");

module.exports = {
  /**
   * 只有opaque一种类型，有light、dark类型。
   * 默认是opaque、light的，因此额外添加dark
   * */
  disabled: {
    DEFAULT: "#999999",
    dark: "#757575",
  },
  /**
   * 有opaque、vibrant、material三种类型，每种类型都有light、dark样式。
   * 默认是opaque、light的，因此额外添加dark、vibrant、vibrant-dark、material、material-dark
   * */
  separator: {
    DEFAULT: "#c6c6c8",
    dark: "#38383A",

    "transparent-fill": "rgba(60,60,67,0.29)",
    "transparent-fill-dark": "rgba(84,84,88,0.65)",

    vibrant: "rgba(0,0,0,0.2)",
    "vibrant-dark": "rgba(255,255,255,0.2)",
  },
  /**
   *
   * */
  outline: {
    DEFAULT: "#bfbfbf",
    "black-fill-gary": "#4d4d4d",
    "white-fill-gary": "#bfbfbf",
    "white-fill-black": "#000000",
  },
  // 品牌色，即主色调
  brand: {
    ...systemColors.blue,
    // 按钮hover：调高亮度5%，按钮active：调暗亮度5%
  },
  success: {
    ...systemColors.green,
  },
  warning: {
    ...systemColors.yellow,
  },
  danger: {
    ...systemColors.red,
  },
  info: {
    ...systemColors.gray,
  },
};
